<template>
		<h4>{{title}}</h4>
		<div class="box-con">
			<ul>
				<li v-for="item in goodsList" :key="item.id">
					<img :src="item.list_pic_url">
					<p>{{item.name}}</p>
					<p>￥{{item.retail_price}}.00元</p>
				</li>
			</ul>
		</div>
</template>

<script>
export default {
	props:['goodsList','title']
}
</script>
<style scoped>
h4{
	text-align: center;
	line-height: 60px;
	margin-top: 20px;
	font-weight: 400;
}
.box-con>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}
.box-con>ul>li{
	max-width: 49%;
}
.box-con>ul>li>img{
	width: 100%;
}
.box-con>ul>li{
	position: relative;
	font-size: 16px;
}
.box-con>ul>li>p{
	font-size: 16px;
	text-align: center;
}
.box-con>ul>li>p:nth-child(3){
	color: #8b0000;
	line-height: 46px;
}
</style>